.alert-lg{width: 100%;height: 100%;background: rgba(52,52,52,0.5);display: none;}
.alert-lg-blue{height: 300px;top: 100px;background: url(../image/tanchu.png);background-size: 100% 100%;left: 5%;}
#pipei .alert-lg-white{height: 156px;border-radius:15px ;left: 4%;}
#pipei1 .alert-lg-white{height: 156px;border-radius:15px ;left: 4%;}
.alert-lg-white{height: 190px;border-radius:15px ;left: 4%;}
.index-white{height:150px;}
.index-blue{height:350px;}
.alert_xiala{height: 34px;left: 5%;font: 15px/32px "微软雅黑";padding-left: 15px;color: #FFF;border-radius: 10px;border-top:2px solid #0466b3;border-left:2px solid #0466b3;background: #2093ec;}
.alert-lg a{color: white;}
.alert_xiala img{width: 15%;height: 100%;}
#zhujiu,#damaoxian,#set,#xieyi,#jiuliang,#sousuo,#pipei,#pipei1{display: none;}
#damaoxian #moshi{margin-top:30px;}

#wanfa ul {width: 100%;margin: 0;top:30px;left: 0;padding: 0;z-index: 2;border-radius:0 0 5px 5px ;-moz-box-shadow:2px 2px 5px #333333;-webkit-box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px #333333;display: none;}
#wanfa ul li{padding-left: 15px;}
.alert_xiala_deepblue{background: #2093EC;}
.alert_xiala_qianblue{background: #0466b3;}

#renshu ul {width: 100%;margin: 0;top:30px;left: 0;padding: 0;z-index: 2;border-radius:0 0 5px 5px ;-moz-box-shadow:2px 2px 5px #333333;-webkit-box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px #333333;display: none;}
#renshu ul li{padding-left: 15px;}
.alert_xiala_deepblue{background: #2093EC;}
.alert_xiala_qianblue{background: #0466b3;}

#moshi ul {width: 100%;margin: 0;top:30px;left: 0;padding: 0;z-index: 2;display: none;border-radius:0 0 5px 5px ;-moz-box-shadow:2px 2px 5px #333333;-webkit-box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px #333333;}
#moshi ul li{padding-left: 15px;}

#sanjiu ul {width: 100%;margin: 0;top:30px;left: 0;padding: 0;z-index: 2;display: none;border-radius:0 0 5px 5px ;-moz-box-shadow:2px 2px 5px #333333;-webkit-box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px #333333;}
#sanjiu ul li{padding-left: 15px;}

.online{right:18px;top:12%;font:12px/16px "微软雅黑"; color:#fff;}

#qixian ul {width: 100%;margin: 0;top:30px;left: 0;
padding: 0;z-index: 2;
border-radius:0 0 5px 5px ;
-moz-box-shadow:2px 2px 5px #333333; 
-webkit-box-shadow:2px 2px 5px #333333;
 box-shadow:2px 2px 5px #333333;display: none;}
#qixian ul li{padding-left: 15px;}
#qixian img{width: 24%;}
#sousuo input{border: none;left: 5%;top: 10px; height: 36px;background: url(../image/search.png) 10px no-repeat #2093EC ;}


/*新弹窗*/
.line-height-1{line-height: 1.5;}
.line-height-2{line-height:2;}
.line-height-3{line-height:3;}
.aui-background-orange{background:#ff9944;}
.alert{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(255,255,255,0.6);z-index:99;color:#574502;letter-spacing:0.5px;}
.alert .box{width:80%;margin-left:10%;margin-top:40%;background:url('../images/tc_bgsmall.png') no-repeat;background-size:100% 100%;padding:60px 20px 40px;}
.alert .box .user_tx{left:0;right:0;margin:auto;top:-35px;border:5px solid #f7d814;}
.alert .box .tc_btn{width:40%;height:40px;background:url('../images/tc_btn.png') no-repeat;background-size:100%;position:absolute;top:-15px;left:0;right:0;margin:auto;line-height:35px;}
.box_100{width:100%;height:300px;background:url('../images/tc_bgselect.png') no-repeat;background-size:100% 100%;}
.box_100 button{height:26px;background:#d78608;border-radius: 6px;box-shadow:0 3px 0 #703d02;border:none;}
/*.select ul li{width:90px;height:36px;display:inline;background:url('../images/tc_select.png') no-repeat;background-size:100% 100%;float:left;line-height:2.5;font-size:14px;}*/
/*.select ul li.action{background:url('../images/tc_unselect.png') no-repeat;background-size:100% 100%;}*/
/*排行榜*/
ul.select{justify-content:center;}
ul.select li{width:22vw;height:36px;line-height:36px;display:inline;background:url('../images/tc_select.png') no-repeat;background-size:100% 100%;font-size:12px;color:#770000;margin:0 2px;}
ul.select li.action{background:url('../images/tc_unselect.png') no-repeat;background-size:100% 100%;}
/*.rank_nav li.active{background:url('../images/tc_unselect.png') no-repeat;background-size:100% 100%;}*/
.rank_box{height:100%;overflow:hidden;padding-bottom:50px;}

.beishu button{width:20%; margin:0 5px;}
.gray_btn{height:30px;width:30%;line-height:30px;background:url('../images/gray_btn.png') no-repeat;background-size:100% 100%;}
.orange_btn{height:30px;width:30%;line-height:30px;background:url('../images/orange_btn.png') no-repeat;background-size:100% 100%;}
.blue_btn{height:30px;width:30%;line-height:30px;background:url('../images/blue_btn.png') no-repeat;background-size:100% 100%;}
.green_btn{height:30px;width:30%;line-height:30px;background:url('../images/green_btn.png') no-repeat;background-size:100% 100%;}

/*vip*/
.vip{margin-top:50%;position:fixed;left:0;bottom:-300px;width:100%;}
.vip ul li{width:45%;float:left;margin:5px;border-radius:5px;border:1px solid #ddd;padding:10px;}
.vip ul li.active{border:1px solid #ff9944;position:relative;}
.vip ul li.active:before{content:'';width:20px;height:20px;position:absolute;top:0;left:0;background:url('../images/duigou.png')no-repeat;background-size:100%;}

/*传书*/
.addfriend .search{background:#fff url("../images/search_btn.png") no-repeat 10px 10px;padding-left:40px;}
.border-t-yellow{border-top:1px solid #c8b617;}
.gift_bg{background:#ffef17;}
.gift_con >div{width:18vw;border-radius:5px;position:relative;}
.gift_con >div.active{border:2px solid #c0fee3;}
.gift_con >div.active:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;}
.gift_btn{background:#f3e006;border:1px solid #e6d709;padding:5px 10px;}
.gift .more{width:0;height:0;border:7px solid transparent;border-top:7px solid #b4a603;margin:7px 0 0 5px;}
.gift_num li{line-height:3;}
.gift_num li.action{background:rgba(255,239,23,0.5);}

/*匹配动画*/
.pipei2{position:fixed;width:100vw;height:100vh;left:0;top:0;background:#4996ff url("../images/pipei_bg.png")no-repeat center 20vh;background-size:contain;z-index:10;}
.pipei2 .pipei_tx{width:50px;height:50px;border-radius:50%;left:0;right:0;top:38vh;margin:auto;transform:scale(0);opacity:0;animation:tx 1s forwards 1s;}
.pipei2 .user_all{width:80%;left:0;right:0;top:17vh;margin:auto;opacity:0;animation:user_all 2s linear infinite 2s;}
.pipei2 .pipei_user{bottom:-10vh;width:100%;color:#fff;animation:user 1s forwards;}
.pipei2 .pipei_renshu{background:rgba(255,255,255,0.2);padding:10px;letter-spacing:2px;}
@keyframes tx{
 from{transform:scale(0);opacity:0;}
 to{transform:scale(1);opacity:1;}
}
@keyframes user_all{
 from{opacity:1;transform:rotate(0deg)}
 to{opacity:1;transform:rotate(360deg)}
}
@keyframes user{
 from{bottom:-10vh}
 to{bottom:10vh}
}
.duifang_pk{transform:rotate(-145deg);-webkit-transform:rotate(-145deg);-moz-transform:rotate(-145deg);-o-transform:rotate(-145deg);
             transform-origin:0;-webkit-transform-origin:0;-moz-transform-origin:0;-o-transform-origin:0;
             animation:df_pk 1s forwards;-webkit-animation:df_pk 1s forwards;-moz-animation:df_pk 1s forwards;-o-animation:df_pk 1s forwards;}
.jifang_pk{transform:rotate(-145deg);-webkit-transform:rotate(-145deg);-moz-transform:rotate(-145deg);-o-transform:rotate(-145deg);
            transform-origin:0;-webkit-transform-origin:0;-moz-transform-origin:0;-o-transform-origin:0;
            animation:jf_pk 1s forwards;-webkit-animation:jf_pk 1s forwards;-moz-animation:jf_pk 1s forwards;-o-animation:jf_pk 1s forwards;}
.rotate{transform:rotate(160deg);-webkit-transform:rotate(160deg);-moz-transform:rotate(160deg);-o-transform:rotate(160deg);}
.room{animation:block 1s forwards 1s;}
@keyframes df_pk {0%{top: -40vh;left: -100vw;opacity:1;} 90%{top: 35vh;left: 40vw;opacity:1;} 100%{top: 35vh;left: 40vw;opacity:0;}}
@-webkit-keyframes df_pk {0%{top: -40vh;left: -100vw;opacity:1;} 90%{top: 35vh;left: 40vw;opacity:1;} 100%{top: 35vh;left: 40vw;opacity:0;}}
@-moz-keyframes df_pk {0%{top: -40vh;left: -100vw;opacity:1;} 90%{top: 35vh;left: 40vw;opacity:1;} 100%{top: 35vh;left: 40vw;opacity:0;}}
@-o-keyframes df_pk {0%{top: -40vh;left: -100vw;opacity:1;} 90%{top: 35vh;left: 40vw;opacity:1;} 100%{top: 35vh;left: 40vw;opacity:0;}}

@keyframes jf_pk{0%{bottom:-40vh;right:-240vw;opacity:1;} 90%{bottom:3vh;right:-125vw;opacity:1;}100%{bottom:3vh;right:-125vw;opacity:0;} }
@-webkit-keyframes jf_pk{0%{bottom:-40vh;right:-240vw;opacity:1;} 90%{bottom:3vh;right:-125vw;opacity:1;}100%{bottom:3vh;right:-125vw;opacity:0;} }
@-moz-keyframes jf_pk{0%{bottom:-40vh;right:-240vw;opacity:1;} 90%{bottom:3vh;right:-125vw;opacity:1;}100%{bottom:3vh;right:-125vw;opacity:0;} }
@-o-keyframes jf_pk{0%{bottom:-40vh;right:-240vw;opacity:1;} 90%{bottom:3vh;right:-125vw;opacity:1;}100%{bottom:3vh;right:-125vw;opacity:0;} }
@keyframes block{from{opacity:0;}to{opacity:1;}}




